<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
		<title></title>
		<link rel="stylesheet" href="../css/bootstrap.min.css" />
	</head>
	<style type="text/css">
		.aa {
			margin-top: 70px;
			text-align: center;
		}
		.dd{
			width: 500px;
			height: 200px;
			border:1px solid #00A080;
			background-color: #CCCCCC;
			margin-left: 130px;
			
		}
		
		.container{
			width: 100%;
			height: 100%;
		}
		.sz{
			margin-top: 50px;
			 font-size:16px;
		}
		.x{
			background-color: #C0C0C0;
			text-align: left;
			
		}
		.a{
			text-align: right;
			width: ;
		}
	</style>
	<body>
		<div class="container">
			<div class="">
				<nav id="navbar-example" class="navbar navbar-default navbar-fixed-top" role="navigation" height="100px">
					<ul class="nav navbar-nav">
						<li class="active"><a href="#h5">体验健康</a></li>
						<li><a href="#c3">用户鼓励</a></li>
					</ul>
				</nav>
			</div>
			<div class="aa">
				<h1>体验健康</h1>
			</div>
				<div class="row" id="#h5">
						
							<div class=" aa col-md-3 col-xs-6">
								<a href="#">
									<img src="center-img-01.jpg " width="280px" >
								</a>
								<div class="caption">
								<h3>跟了解您</h3>
								<p>为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p> 
								</div>
								
							</div>
							<div class=" aa col-md-3 col-xs-6 ">
								<a href="#">
									<img src="center-img-02.jpg"  width="280px">
								</a>
								<div class="caption">
									<h3>跟了解您</h3>
									<p>为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p>
								</div>
							</div>
							<div class=" aa col-md-3 col-xs-6 ">
								<a href="#">
									<img src="center-img-03.jpg"  width="280px">
								</a>
								<div class="caption">
								<h3>跟了解您</h3>
								<p>为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p>
								</div>
							</div>
						
							<div class=" aa col-md-3 col-xs-6 ">
								<a href="#">
									<img src="center-img-04.jpg"  width="280px">
								</a>
								<div class="caption text-center">
									<h3>跟了解您</h3>
									<p class="text-left">为您建立的个人电子健康档案，全面记录您的日常健康数据、医疗记录，是医生更精准诊疗的基础</p>
								</div>
							</div>
						</div>
						<div class="container">
							<div class="text-center">
								<h1>用户鼓励</h1>
								<p>途欢健康、协同于现有的医疗服务体系，致力于构建更精准的医疗保健模式</p>
							</div>
							<div class="row">
								<div class="dd col-md-4">
									<div class="sz">
									<p>我长期坐办公室,吃油炸食品,在途欢进行综合健康评估时,发现已有糖尿病前期症状,在医生助理的指导下,我在调节饮食和运动中...</p>
									</div>
									<div class="x col-md-3">
										<p>糖尿病</p>
									</div>
										
									<div class="a col-md-9">
											<img src="position-icon.svg" width="20px" />
										<p>四川成都市</p>
									</div>
								</div>
								
								<div class="dd  col-md-4">
									<div class="sz">
									<p>我长期坐办公室,吃油炸食品,在途欢进行综合健康评估时,发现已有糖尿病前期症状,在医生助理的指导下,我在调节饮食和运动中...</p>
									</div>
									<div class="x col-md-3">
										<p>糖尿病</p>
									</div>
									<div class="a col-md-9">
											<img src="position-icon.svg" width="20px" />
										<p>四川成都市</p>
									</div>
								</div>
								<div class="dd  col-md-4">
									<div class="sz">
									<p>我长期坐办公室,吃油炸食品,在途欢进行综合健康评估时,发现已有糖尿病前期症状,在医生助理的指导下,我在调节饮食和运动中...</p>
									</div>
									<div class="x col-md-3">
										<p>糖尿病</p>
									</div>
									<div class="a col-md-9">
											<img src="position-icon.svg" width="20px" />
										<p>四川成都市</p>
									</div>
								</div>
								
							</div>
							
						</div>
			</div>

		</div>
	</body>
</html>
